<template>
  <div class="no-more-box">没有更多啦～</div>
</template>

<script>
  import { defineComponent, reactive, toRefs } from 'vue';
  export default defineComponent({
    name: 'NoMoreData',
    setup() {
      const state = reactive({});
      return {
        ...toRefs(state),
      };
    },
  });
</script>
<style scoped lang="less">
  .no-more-box {
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #9a9b9a;
  }
</style>
